<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
		<title>UI Test</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

		<link type="text/css" rel="stylesheet" href="css/pepper-grinder/jquery-ui-1.8.16.custom.css" />
		<link type="text/css" rel="stylesheet" href="css/index.css" />
		<link type="text/css" rel="stylesheet" href="css/powerFloat.css" />
		
		<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
		<script type="text/javascript" src="js/jquery-powerFloat-min.js"></script>
		<script type="text/javascript" src="js/jquery.overlay.js"></script>
		<script type="text/javascript" src="js/galleria-1.2.6.js"></script>
		<style>

            /* Demo styles */
            
           
            
           
            /* This rule is read by Galleria to define the gallery height: */
            #galleria{height:820px}

        </style>
		<script type="text/javascript">
			var winheight;
			var winwidth;
			var contentW;
			var contentH;
			var componentW;
			var componentH;
			var infoW;
			var infoH;
			var bignum = "compent0";
			var contentpercent = 0.8;
			var rowconponentnum = 4;
			var conponentrow = 2;
			var showInfo = true;
			

			$(document).ready(function() {
				refreash();
				$(window).resize(function() {
					refreash();
				});
				
				
				
				bindComponent();
				$("div").disableSelection();

				initWeather();

				$(document).ready(function(){   
					$(document).bind("contextmenu",function(e){    
						  return false;    
					}); 
				});

			});

			function resizeComponent(obj){
				var w = $(obj).css("width").split("px")[0];
				var h = $(obj).css("height").split("px")[0];
				
				$(obj).find(".middle1").css("width",w-17);
				$(obj).find(".middle2").css("width",w-9);
				$(obj).find(".bottomborder").css("width",componentW-9);
				$(obj).find(".leftborder").css("height",h-80);
				$(obj).find(".rightborder").css("height",h-80);
				$(obj).find(".middle2").css("height",h-80);
			}

			function bindComponent(){
				
				$(".component .showimg").bind("click",function(){
					showBig($(this).attr("cid"));
				});
				$(".component .reloadimg").bind("click",function(){
					//alert($("#"+$(this).attr("cid")).find("iframe"));
					var src = $("#"+$(this).attr("cid")).find("iframe").attr("src");
					$("#"+$(this).attr("cid")).find("iframe").attr("src",src);
				});
			}

			function toogleInfo(){
				if(showInfo){
					$("#info").hide();
					$( "#info" ).hide( "slide", null, 500, function(){
						$( "#miniinfo" ).show();
						contentpercent = 0.975;
						
						
						refreash();
						
						
					} );
					showInfo = false;
				}else{
					$("#miniinfo").hide();
					contentpercent = 0.8;
					refreash();
					$( "#info" ).show("slide", null, 500,null);
					refreash();
					showInfo = true;

				}
			
			}
			function unbindComponent(){
				$(".component .showimg").unbind("click");
			}

			function refreash(){
				
				winheight = $(window).height();
				winwidth = $(window).width();
				$("body").css("height",winheight);
				$("#bodydiv").css("height",winheight);
				$("#content,#app").css("width",winwidth*contentpercent-1);
				contentW = ($("#content").css("width").split("px"))[0];
				contentH = ($("#content").css("height").split("px"))[0];
				componentW = contentW/rowconponentnum-2;
				componentH = contentH/conponentrow-2;
				$(".component").css("width",componentW);
				$(".component").css("height",componentH);

				bignum = "compent0";
				infoW = winwidth - contentW -5;
				infoH = contentH;
				$("#info").css("width",infoW);
				$("#info").css("height",infoH);
				
				$("#headinfo").css("width",infoW-5);

				$(".component").find(".middle1").css("width",componentW-17);
				$(".component").find(".middle2").css("width",componentW-7);
				$(".component").find(".bottomborder").css("width",componentW-9);
				//$(".component").find(".leftborder").css("height",componentH-80);
				//$(".component").find(".rightborder").css("height",componentH-80);
				$(".component").find(".middle2").css("height",componentH-80);
				
				$("#apptitlemiddle").css("width",contentW-17);
				//$("#appleftborder").css("height",contentH-50);
				//$("#apprightborder").css("height",contentH-50);
				$("#appcontent").css("height",contentH-50);
				$("#appcontent").css("width",contentW-7);

				var imgwidth = $("#weatherImg").css("width");
				$("#weatherImg").css("height",imgwidth);

			}
			function showDefault(){
				$(".component").animate({
					width: componentW,
					height:componentH
				}, 200 ,function(){
						resizeComponent(this);
					});
			}
		
			function showBig(num){
				unbindComponent();
				showDefault();
				if(bignum==num){
					
					bignum = "compent0";
					bindComponent();
					var url = $("#"+num).attr("url1");
					$("#"+num).find("iframe").attr("src",url);
					
					return;
				}
				if(bignum!=num){
					
					$(".showframe").each(function(i){
						$(this).attr("src",$(this).parent().attr("url1"));
					});
					var url = $("#"+num).attr("url2");
					$("#"+num).find("iframe").attr("src",url);
				}
				

				var classstr = $("#"+num).attr("class");
				var isup = classstr.indexOf("up");
				if(isup!=-1){
					$(".up[id!="+num+"]").animate({
							width: componentW/2,
							height:componentH*((conponentrow-1)/2+1)

					}, 200 ,function(){
						resizeComponent(this);
					});
					$(".down").animate({
						height: componentH/2,
						width: componentW
					}, 200 ,function(){
						resizeComponent(this);
					});
					$("#"+num).animate({
						width: componentW*((rowconponentnum-1)/2+1),
						height:componentH*((conponentrow-1)/2+1)
					}, 200 ,function(){
						resizeComponent(this);
					});
				}else{
					$(".down[id!="+num+"]").animate({
							width: componentW/2,
							height:componentH*((conponentrow-1)/2+1)

					}, 200 ,function(){
						resizeComponent(this);
					});
					$(".up").animate({
						height: componentH/2,
						width: componentW
					}, 200 ,function(){
						resizeComponent(this);
					});
					$("#"+num).animate({
						width: componentW*((rowconponentnum-1)/2+1),
						height:componentH*((conponentrow-1)/2+1)
					}, 200 ,function(){
						resizeComponent(this);
					});
				}
				
				
				bignum=num;
				bindComponent();
			}

			function showapp(url){
				if($( "#app" ).css("display")=="block"){
					$("#appiframe").attr("src",url);
					return;
				}

				$( "#content" ).hide( "fade", null, 500, function(){
					$( "#app" ).show( "fade", null, 300, function(){
						$("#appiframe").attr("src",url);
					} );
				} );
				
			}
			function hideapp(){
				$( "#app" ).hide( "fade", null, 500, function(){
					$( "#content" ).show( "fade", null, 300, function(){
						$("#appiframe").attr("src","transparentBody.html");
					} );
				} );
			}

			function showOverlay($modal){
				
				$("#msgdiv").overlay({
					effect: 'fade',
					opacity: 0.5,
					closeOnClick: true,
					onShow: function() {
						$('body').append($modal);
						Galleria.loadTheme('js/galleria.classic.min.js');
				
						$('#galleria').galleria({ 
							transition: 'fadeslide', 
							transitionSpeed:500, 
							showInfo: false, 
							preload: 3, 
							extend: function(options) { 
								var gallery = this; 
								this.bind('image', function(e) { 
									$(e.imageTarget).unbind('click').click(function() { 
										gallery.toggleFullscreen(); 
									}); 
								}); 
								gallery.attachKeyboard({
									right: this.next,
									left: this.prev
									
								});
							}
						});
					},
					onHide: function() {
						$modal.remove();
					}
				});

			}

			function showGalleria(){
				$('#gallery').galleria({ 
					height:690, 
					transition: 'slide', 
					transitionSpeed:1500, 
					showInfo: false, 
					preload: 3, 
					extend: function(options) { 
						var gallery = this; 
						this.bind('image', function(e) { 
							$(e.imageTarget).unbind('click').click(function() { 
								gallery.toggleFullscreen(); 
							}); 
						}); 
					}}
				); 
				
				
			}


			function modifyHeadPic(){
				
			}
			function showLevel(){
			
			}
			function showShortMsg(){
			
			}
			function personConfig(){
			
			}

			function initWeather(){
				$.get("http://61.4.185.48:81/g/",{},function(data){
					var cityid = data.split(';')[1].split('=')[1];
					$.get("http://m.weather.com.cn/data/"+cityid+".html ",{},function(json){
						var jsonObj = jQuery.parseJSON(json);
						var cityname = jsonObj.weatherinfo.city;
						var date = jsonObj.weatherinfo.date_y;
						var week = jsonObj.weatherinfo.week;
						var temp1 = jsonObj.weatherinfo.temp1;
						var weather1 = jsonObj.weatherinfo.weather1;
						var wind1 = jsonObj.weatherinfo.wind1;
						var index_d = jsonObj.weatherinfo.index_d;
						var img_title1 = jsonObj.weatherinfo.img_title1;
						
						$("#datetime").html(date+"&nbsp;&nbsp;"+week);
						$("#wi_1").html(temp1);
						$("#wi_2").html(cityname);
						$("#wi_3").html(weather1);
						//$("#wi_4").html(wind1);
						$("#weatherImg").attr("title",index_d);
						if(img_title1=="多云"){
							$("#weatherImg").attr("src","image/weather-icon/weather-icon-21.png");
						}else if(img_title1=="晴"){
							$("#weatherImg").attr("src","image/weather-icon/weather-icon-26.png");
						}
						var imgwidth = $("#weatherImg").css("width");
						$("#weatherImg").css("height",imgwidth);
					});


				});
			}
		
		</script>
	</head>

	<body>
		<div id="bodydiv" class="bodydiv">
			<div id="app" class="app" style="display:none;">
				<div style="width:100%;float:left;" class="transparent_class">
					<div style="background:url(image/index/bg-1.png) no-repeat 0px 3px;width:5px;height:30px;float:left;padding-top:3px;"></div>
					<div id="apptitlemiddle" style="background:url(image/index/bg-1.png) repeat-x 0px 3px;width:296px;height:30px;float:left;padding-top:3px;">
						<img title="关闭" onclick="hideapp();" src="image/index/close.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
					</div>
					<div style="background:url(image/index/bg-1.png) no-repeat 0px 3px;width:5px;height:30px;float:left;padding-top:3px;"></div>
				</div>
				<div style="width:100%;float:left;" class="transparent_class2">
					
					<div id="appcontent" style="width:300px;height:280px;float:left;">
						<iframe id="appiframe" style="width:100%;height:100%;" class="showframe"  allowtransparency=”true” scrolling="no" frameBorder="0" src="transparentBody.html"></iframe>
					</div>
					
				</div>
				
			</div>
			<div id="content" class="content">
				<div id="compent1" class="component up" url1="compents/news/normal.html" url2="compents/news/main.html" style="">
					<div style="width:100%;float:left;" class="transparent_class">
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
						<div class="middle1" style="background:url(image/index/bg-1.png) repeat-x 0px 30px;width:296px;height:30px;float:left;padding-top:30px;">
							<img src="image/icon/png-0073.png" style="width:64px;height:64px;float:leftt;padding-left:15px;margin-top:-30px;cursor:pointer;" /> 
							
							<img class="showimg" title="缩放" cid="compent1" src="image/index/show.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" />
							<img class="reloadimg" title="刷新" cid="compent1" src="image/index/reload.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
						</div>
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class2">
						
						<div class="middle2" style="width:300px;height:280px;float:left;">
							<iframe style="width:100%;height:100%;" class="showframe"  allowtransparency=”true” scrolling="no" frameBorder="0" src="compents/news/normal.html"></iframe>
						</div>
						
					</div>
					
					
				</div>
				<div id="compent2" class="component up" url1="transparentBody.html" url2="http://www.baidu.com" >
					<div style="width:100%;float:left;" class="transparent_class">
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
						<div class="middle1" style="background:url(image/index/bg-1.png) repeat-x 0px 30px;width:296px;height:30px;float:left;padding-top:30px;">
							<img src="image/icon/png-0001.png" style="width:64px;height:64px;float:leftt;padding-left:15px;margin-top:-30px;cursor:pointer;" /> 
							<img class="showimg" title="缩放" cid="compent2" src="image/index/show.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
							<img class="reloadimg" title="刷新" cid="compent2" src="image/index/reload.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
						</div>
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class2">
						<div class="leftborder" style="background:#dbdbdb;width:1px;height:280px;float:left;"></div>
						<div class="middle2" style="width:300px;height:280px;float:left;">
							<iframe style="width:100%;height:100%;" class="showframe"  allowtransparency=”true” scrolling="no" frameBorder="0" src="transparentBody.html"></iframe>
						</div>
						<div class="rightborder" style="background:#dbdbdb;width:1px;height:280px;float:left;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class">
						<div class="bottomborder" style="background:#dbdbdb;height:1px;"></div>
					</div>
					
					
				</div>
				<div id="compent3" class="component up" url1="compents/book/normal.html" url2="compents/book/main.html" >
					<div style="width:100%;float:left;" class="transparent_class">
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
						<div class="middle1" style="background:url(image/index/bg-1.png) repeat-x 0px 30px;width:296px;height:30px;float:left;padding-top:30px;">
							<img src="image/icon/png-0072.png" style="width:64px;height:64px;float:leftt;padding-left:15px;margin-top:-30px;cursor:pointer;" /> 
							<img class="showimg" title="缩放" cid="compent3" src="image/index/show.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
							<img class="reloadimg" title="刷新" cid="compent3" src="image/index/reload.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
						</div>
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class2">
						
						<div class="middle2" style="width:300px;height:280px;float:left;">
							<iframe style="width:100%;height:100%;" class="showframe"  allowtransparency=”true” scrolling="no" frameBorder="0" src="compents/book/normal.html"></iframe>
						</div>
						
					</div>
					
					
				
				</div>
				<div id="compent4" class="component up" url1="transparentBody.html" url2="http://www.baidu.com" >
					<div style="width:100%;float:left;" class="transparent_class">
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
						<div class="middle1" style="background:url(image/index/bg-1.png) repeat-x 0px 30px;width:296px;height:30px;float:left;padding-top:30px;">
							<img src="image/icon/png-0067.png" style="width:64px;height:64px;float:leftt;padding-left:15px;margin-top:-30px;cursor:pointer;" /> 
							<img class="showimg" title="缩放" cid="compent4" src="image/index/show.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
							<img class="reloadimg" title="刷新" cid="compent4" src="image/index/reload.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
						</div>
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class2">
						<div class="leftborder" style="background:#dbdbdb;width:1px;height:280px;float:left;"></div>
						<div class="middle2" style="width:300px;height:280px;float:left;">
							<iframe style="width:100%;height:100%;" class="showframe"  allowtransparency=”true” scrolling="no" frameBorder="0" src="transparentBody.html"></iframe>
						</div>
						<div class="rightborder" style="background:#dbdbdb;width:1px;height:280px;float:left;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class">
						<div class="bottomborder" style="background:#dbdbdb;height:1px;"></div>
					</div>
					
				
				</div>
				<div id="compent5" class="component down" url1="compents/map/normal.html" url2="compents/map/main.html">
					<div style="width:100%;float:left;" class="transparent_class">
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
						<div class="middle1" style="background:url(image/index/bg-1.png) repeat-x 0px 30px;width:296px;height:30px;float:left;padding-top:30px;">
							<img src="image/icon/png-0081.png" style="width:64px;height:64px;float:leftt;padding-left:15px;margin-top:-30px;cursor:pointer;" /> 
							<img class="showimg" title="缩放" cid="compent5" src="image/index/show.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
							<img class="reloadimg" title="刷新" cid="compent5" src="image/index/reload.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
						</div>
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class2">
						<div class="leftborder" style="background:#dbdbdb;width:1px;height:280px;float:left;"></div>
						<div class="middle2" style="width:300px;height:280px;float:left;">
							<iframe style="width:100%;height:100%;" class="showframe"  allowtransparency=”true” scrolling="no" frameBorder="0" src="compents/map/normal.html"></iframe>
						</div>
						<div class="rightborder" style="background:#dbdbdb;width:1px;height:280px;float:left;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class">
						<div class="bottomborder" style="background:#dbdbdb;height:1px;"></div>
					</div>
				
				</div>
				<div id="compent6" class="component down" url1="transparentBody.html" url2="http://www.baidu.com" >
					<div style="width:100%;float:left;" class="transparent_class">
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
						<div class="middle1" style="background:url(image/index/bg-1.png) repeat-x 0px 30px;width:296px;height:30px;float:left;padding-top:30px;">
							<img src="image/icon/png-0091.png" style="width:64px;height:64px;float:leftt;padding-left:15px;margin-top:-30px;cursor:pointer;" /> 
							<img class="showimg" title="缩放" cid="compent6" src="image/index/show.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
							<img class="reloadimg" title="刷新" cid="compent6" src="image/index/reload.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
						</div>
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class2">
						<div class="leftborder" style="background:#dbdbdb;width:1px;height:280px;float:left;"></div>
						<div class="middle2" style="width:300px;height:280px;float:left;">
							<iframe style="width:100%;height:100%;" class="showframe"  allowtransparency=”true” scrolling="no" frameBorder="0" src="transparentBody.html"></iframe>
						</div>
						<div class="rightborder" style="background:#dbdbdb;width:1px;height:280px;float:left;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class">
						<div class="bottomborder" style="background:#dbdbdb;height:1px;"></div>
					</div>
				
				</div>
				<div id="compent7" class="component down" url1="compents/comic/normal.html" url2="compents/comic/main.html" >
					<div style="width:100%;float:left;" class="transparent_class">
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
						<div class="middle1" style="background:url(image/index/bg-1.png) repeat-x 0px 30px;width:296px;height:30px;float:left;padding-top:30px;">
							<img src="image/icon/xiaoxin.png" style="width:64px;height:64px;float:leftt;padding-left:15px;margin-top:-30px;cursor:pointer;" /> 
							<img class="showimg" title="缩放" cid="compent7" src="image/index/show.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
							<img class="reloadimg" title="刷新" cid="compent7" src="image/index/reload.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
						</div>
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class2">
						
						<div class="middle2" style="width:300px;height:280px;float:left;">
							<iframe style="width:100%;height:100%;" class="showframe"  allowtransparency=”true” scrolling="no" frameBorder="0" src="compents/comic/normal.html"></iframe>
						</div>
						
					</div>
					
				
				</div>
				<div id="compent8" class="component down" url1="transparentBody.html" url2="http://www.baidu.com" >
					<div style="width:100%;float:left;" class="transparent_class">
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
						<div class="middle1" style="background:url(image/index/bg-1.png) repeat-x 0px 30px;width:296px;height:30px;float:left;padding-top:30px;">
							<img src="image/icon/png-0069.png" style="width:64px;height:64px;float:leftt;padding-left:15px;margin-top:-30px;cursor:pointer;" /> 
							<img class="showimg" title="缩放" cid="compent8" src="image/index/show.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
							<img class="reloadimg" title="刷新" cid="compent8" src="image/index/reload.png" style="width:24px;height:23px;float:right;padding-right:5px;padding-top:4px;cursor:pointer;" /> 
						</div>
						<div style="background:url(image/index/bg-1.png) no-repeat 0px 30px;width:5px;height:30px;float:left;padding-top:30px;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class2">
						<div class="leftborder" style="background:#dbdbdb;width:1px;height:280px;float:left;"></div>
						<div class="middle2" style="width:300px;height:280px;float:left;">
							<iframe style="width:100%;height:100%;" class="showframe"  allowtransparency=”true” scrolling="no" frameBorder="0" src="transparentBody.html"></iframe>
						</div>
						<div class="rightborder" style="background:#dbdbdb;width:1px;height:280px;float:left;"></div>
					</div>
					<div style="width:100%;float:left;" class="transparent_class">
						<div class="bottomborder" style="background:#dbdbdb;height:1px;"></div>
					</div>
				
				</div>
				
				
				
				
			</div>
			<div id="info" class="info">
				<div id="info_toolDiv" class="info_toolDiv">
					<div style="width: 100%;padding-top:10px;">
						
						<img title='修改头像' onclick='modifyHeadPic();' id='head_pic1' src='image/icon/png-0010.png' style='width:48px;height:48px;cursor:pointer;float:left;' />
						<div style="float:left;padding-top:20px;"><span title='详细资料' style="color: rgb(69, 100, 158);font-weight:bold;cursor:pointer;">霹雳贝贝</span></div>
						<img title='收起' onclick='toogleInfo();' id='tip_sq' src='image/icon2/back_alt.png' style='padding-right:1px;padding-top:10px;width:24px;height:24px;cursor:pointer;float:right;' />
						<img title='个人配置' onclick='personConfig();' id='personconfig' src='image/icon/png-0007.png' style='padding-right:5px;padding-top:10px;width:24px;height:24px;cursor:pointer;float:right;' />
						<img title='查看短消息' onclick='showShortMsg();' id='shortmsg' src='image/icon/png-0062.png' style='padding-right:5px;padding-top:10px;width:24px;height:24px;cursor:pointer;float:right;' />
						<img title='等级1' onclick='showLevel();' id='levelpic' src='image/icon/png-0055.png' style='padding-right:5px;padding-top:10px;width:24px;height:24px;cursor:pointer;float:right;' />
					</div>
				</div>
				<div id="info_topDiv" class="info_topDiv">
					<div id="headinfo" class="headinfo">
						<div  id="myWeather">
							<div style="width:45%;float:left;">
								<div style="width:100%;">
									<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100%" height="50"> 
										<param name="wmode" value="transparent"> 
										<embed src="flash/flashtime-0145.swf" wmode="transparent" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100%" height="50"></embed> 
									</object> 
								</div>
								<div id="datetime" style="text-align:center;"></div>
							</div>
							
							<div style="width:50%;float:left;padding-left:5px;">
								<div style="width:50%;float:left;padding-left:5px;padding-top:10px;text-align:center;">
									<div id="wi_1"></div>
									<div id="wi_2"></div>
									<div id="wi_3"></div>
									
								</div>
								<div style="width:40%;float:left;padding-left:5px;">
									<img id="weatherImg" title="天气信息" src="" style='width:100%;height:64px;cursor:pointer;float:left;' />
								</div>
							</div>
						
						</div> 
						
						
						
						
					</div>
				</div>
				<div id="info_mainDiv" class="info_mainDiv">

				</div>
				
			</div>
			<div id="miniinfo" class="miniinfo" style="display:none;">
				<div style="float: left;width: 100%;">
					<img title='展开' onclick='toogleInfo();' id='tip_zk' src='image/icon2/forward_alt.png' style='width:95%;height:24px;cursor:pointer;' />
				
				</div>
				
			</div>
			<div id="msgdiv" sytle="display:none;"></div>
		</div>
	</body>
</html>